<template>
    <div>
        <van-popup v-model:show="prop" position="bottom" :style="{ height: '30%' }" class="box">
            <van-button type="default">开始</van-button>
            <van-button type="default">结束</van-button>
            <van-button type="default" @click="prop=false">取消</van-button>
        </van-popup>
    </div>

</template>

<script setup>
import { ref , inject } from 'vue'
const prop=inject('shows')
console.log(prop)
</script>
<style scoped>
.box{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}
.box button{
    width: 350px;
    height: 50px;
}
</style>